$(function () {
    var layer = layui.layer;
    initCateList();

    function initCateList() {
        $.ajax({
            method: 'get',
            url: '/my/article/cates',
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message, {
                        icon: 5
                    });
                }

                // layer.msg(res.message, {
                //     icon: 6
                // });
                var htmlStr = template('tpl-cate', res);
                $('tbody').html(htmlStr);
            }
        })
    }
    var idnexAdd = null
    //添加按钮
    $('#btnAddCate').on('click', function () {
        idnexAdd = layer.open({
            type: 1,
            title: '添加分类',
            area: ['500px', '300px'],
            content: $('#dialog-add').html()
        });
    })
    //注册事件
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            method: 'post',
            url: '/my/article/addcates',
            data: data,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, {
                        icon: 5
                    });
                }
                layer.msg(res.message, {
                    icon: 6
                });
                initCateList();
                layer.close(idnexAdd);
            }
        })
    })
    var indexEdit = null;
    $('tbody').on('click', '.btn-edit', function () {
        indexEdit = layer.open({
            type: 1,
            title: '编辑分类',
            area: ['500px', '300px'],
            content: $('#dialog-edit').html()
        })
        var id = $(this).attr('data-id');
        $.ajax({
            method: 'get',
            url: '/my/article/cates/' + id,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, {
                        icon: 5
                    });
                }
                layui.form.val('form-edit', res.data);
            }
        })
    })
    //实现编辑
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            method: 'post',
            url: '/my/article/updatecate',
            data: data,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, {
                        icon: 5
                    });
                }
                layer.msg(res.message, {
                    icon: 6
                });
                initCateList();
                layer.close(indexEdit);
            }
        })
    })
    //删除
    $('tbody').on('click', '.btn-delete', function () {
        var id = $(this).siblings().attr('data-id');
        layer.confirm('您确定要删除吗?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            $.ajax({
                method: 'get',
                url: '/my/article/deletecate/' + id,
                success: function (res) {
                    if (res.status !== 0) {
                        return layer.msg(res.message, {
                            icon: 5
                        });
                    }
                    layer.msg(res.message, {
                        icon: 6
                    })
                    initCateList();
                }
            })
            layer.close(index);
        })

    })
})